page {
    background-color: #23262d;
}

.nav {
    width: 100%;
    height: 60rpx;
    // background-color: #fff;
    box-sizing: border-box;
    padding:0 30rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text {
        opacity: 0.78;
        font-family: PingFangSC-Regular;
        font-size: 25rpx;
        color: #DFDFDF;
    }
    .arr-down {
        width:26rpx;
        height: 13rpx;
    }
    .serch {
        width: 518rpx;
        height: 60rpx;
        margin-left: 5px;
        box-sizing: border-box;
        padding: 20rpx;
        display: flex;
        align-items: center;
        background: #33363D;
        box-shadow: 0 0 8px 2px rgba(0,0,0,0.33);
        border-radius: 26px;
        border-radius: 26px;
        font-size: 14px;
        input {
            color: #fff;
        }
        image {
            width: 27rpx;
            height: 27rpx;
            margin-right: 5px;
        }
    }
    .nav-right {
        width: 37rpx;
        height: 37rpx;
        // background-color: red;
    }
}
.square-dot {
    margin-top: 36rpx;
    width: 100%;
}
.square-dot .wx-swiper-dot {
	background-color: #000;
	opacity: 0.4;
	width: 10rpx;
	height: 10rpx;
	border-radius: 20rpx;
	margin: 0 8rpx !important;
}
.swiper-item {
    width: 670rpx;
    height: 290rpx;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    image {
        width: 100%;
        height: 100%;
    }
}
.square-dot .wx-swiper-dot.wx-swiper-dot-active{
	opacity: 1;
	width: 30rpx;
}
.hot-title{
    width: 100%;
    height: 50rpx;
    margin-top: 44rpx;
    .hot-c {
        width: 670rpx;
        height: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .hot-left{
            display: flex;
            align-items: center;
            .tab {
                width: 8rpx;
                height: 34rpx;
                background-image: linear-gradient(90deg, #F26182 5%, #F1A064 100%);
                margin-right:20rpx;
               
            }
            text {
                color: #DFDFDF;
                font-size: 36rpx;
                line-height: 50rpx;
               
            }
        }
        .hot-right {
            display: flex;
            align-items: center;
            text {
                opacity: 0.78;
                font-family: PingFangSC-Regular;
                font-size: 24rpx;
                color: #DFDFDF;
            }
            image {
                width: 20rpx;
                height: 22rpx;
            }
        }
    }
}
.hot-list {
    width: 670rpx;
    height: 340rpx;
    margin: 0 auto;
    margin-top: 16rpx;
    // background-color: red;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    overflow: auto;
    // overflow-x: hidden;
    
    
    .list-item {
        width: 180rpx;
        height: 100%;
        // background-color: green;
        flex-shrink: 0;
        margin-left: 10px;
        
        image {
            width: 180rpx;
            height: 244rpx;
            border-radius: 8px;
           
        }
        text {
            display: block;
            width: 149rpx;
            height: 33rpx;
            font-family: PingFangSC-Medium;
            font-size: 24rpx;
            color: #DFDFDF;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            // text-indent: 1em;
            text-align: center;
            margin:0 auto;
        }   
        .buy {
            width: 100rpx;
            height: 44rpx;
            margin: 0 auto;
            background-image: linear-gradient(150deg, #F25B86 0%, #F1AC5E 100%);
            box-shadow: 0 8px 32px 0 rgba(0,0,0,0.50);
            border-radius: 22px;
            margin-top: 5px;
            font-family: PingFangSC-Medium;
            font-size: 24rpx;
            color: #DFDFDF;
            text-shadow: 0 4px 8px rgba(49,49,49,0.50);
            text-align: center;
            line-height: 44rpx;
        }
        
      
    }
    :nth-child(1){
        margin-left: 0;
    }
}
.Notice-list {
    // width: 590rpx;
    height: 320rpx;
    margin: 0 auto;
    margin-top: 18rpx;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;

    .Notice-item {
        width: 590rpx;
        height: 320rpx;
        // background-color:green;
        flex-shrink: 0;
        margin-left: 18px;
        border-radius: 8px;
        overflow: hidden;
    }
}